<!DOCTYPE html>
<html lang="zh-CN" xmlns:sitemesh="">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>
        <sitemesh:write property="title"/>
    </title>
    <!--<link rel="icon" href="/favicon.ico" type="image/x-icon"/>-->
    <link href="${basePath}/static/libs/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" >
    <link href="${basePath}/static/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="${basePath}/static/libs/messenger/1.5.0/build/css/messenger.css" rel="stylesheet">
    <link href="${basePath}/static/libs/messenger/1.5.0/build/css/messenger-theme-block.css" rel="stylesheet">
    <!--<link href="${basePath}/third/jBox/jBox.css" rel="stylesheet">-->
    <!--<link href="${basePath}/third/jBox/plugins/Notice/jBox.Notice.css" rel="stylesheet">-->
    <!--<link href="${basePath}/third/jBox/plugins/Confirm/jBox.Confirm.css" rel="stylesheet">-->
    <link href="${basePath}/static/css/main.css" rel="stylesheet" >
    <!--<link href="${basePath}/static/css/main-less.less" type="text/css" rel="stylesheet/less" >-->
    <!--[if lt IE 9]>
    <script src="${basePath}/static/libs/html5shiv/3.7.3/html5shiv.js"></script>
    <script src="${basePath}/static/libs/respond/1.4.2/dest/respond.min.js"></script>
    <![endif]-->
    <!--<script src="${basePath}/static/libs/less/2.7.2/less.min.js"></script>-->
    <script src="${basePath}/static/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="${basePath}/static/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="${basePath}/static/libs/jQuery-slimScroll/1.3.8/jquery.slimscroll.min.js"></script>
    <script src="${basePath}/static/libs/messenger/1.5.0/build/js/messenger.js"></script>
    <!--<script src="${basePath}/third/jBox/jBox.min.js"></script>-->
    <!--<script src="${basePath}/third/jBox/plugins/Notice/jBox.Notice.min.js"></script>-->
    <!--<script src="${basePath}/third/jBox/plugins/Confirm/jBox.Confirm.min.js"></script>-->
    <script src="${basePath}/static/libs/vue/2.5.13/vue.min.js"></script>
    <!--<script src="${basePath}/third/bootstrap/jquery.bootstrap.js" type="text/javascript"></script>-->
    <script src="${basePath}/static/utils/http.js"></script>
    <script src="${basePath}/static/api/userAuthc.js"></script>
    <script>http.config({contextPath:'${rc.contextPath}'});</script>
    <script src="${basePath}/static/app.js"></script>
    <!-- require 需要放在所有lib包加载完之后 -->
    <!--<script src="https://cdn.bootcss.com/require.js/2.3.2/require.min.js"></script>-->
    <sitemesh:write property="head"/>

    <style>
        .toggle-sidebar-collapse{
            float: left;
            margin: 8px 0 8px 8px;;
            padding: 10px;
            background: transparent none;
            border-radius: 4px;
            border: none;
        }
    </style>
</head>
<body class="sidebar-fixed topnav-fixed">
<!-- top -->
<nav class="navbar navbar-green navbar-fixed-top" role="navigation">
    <div class="navbar-header">
        <button type="button" class="toggle-sidebar-collapse">
            <span class="sr-only"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <a id="goHome" class="navbar-brand">个性推荐-控制台</a>
    </div>

    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <!--<ul class="nav navbar-nav">-->
        <!--<li>-->
        <!--<a href="tag/index.html" data-toggle="menu" data-target="#contentframe">标签管理</a>-->
        <!--</li>-->
        <!--<li>-->
        <!--<a href="push/index.html" data-toggle="menu" data-target="#contentframe">推送管理</a>-->
        <!--</li>-->
        <!--<li class="dropdown">-->
        <!--<a href="#" class="dropdown-toggle" data-toggle="dropdown">消息推送<strong class="caret"></strong></a>-->
        <!--<ul class="dropdown-menu">-->
        <!--<li>-->
        <!--<a href="#" data-toggle="menu" data-target="#contentframe">推送</a>-->
        <!--</li>-->
        <!--<li class="divider"></li>-->
        <!--<li>-->
        <!--<a href="#" data-toggle="menu" data-target="#contentframe">短信</a>-->
        <!--</li>-->
        <!--<li class="divider"></li>-->
        <!--<li>-->
        <!--<a href="#" data-toggle="menu" data-target="#contentframe">客服</a>-->
        <!--</li>-->
        <!--</ul>-->
        <!--</li>-->
        <!--</ul>-->
        <ul class="nav navbar-nav navbar-right">
            <li class="dropdown" id="notifyInfo" v-cloak>
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                    <span class="fa fa-bell-o fa-lg"></span>
                    <span class="notify-msg num" v-text="num"></span>
                </a>
                <ul class="dropdown-menu">
                    <li v-for="notify in notifies">
                        <a @click="readMsg(notify)">
                            <i class="notify-msg fa fa-lightbulb"></i>
                            <span class="notify-msg title" v-text="notify.title"></span>
                            <span class="notify-msg content" v-text="notify.content"></span>
                        </a>
                    </li>
                    <li class="divider"></li>
                    <li>
                        <a href="${basePath}/manager/notify.html" style="text-align: center;">点击查看更多</a>
                    </li>
                </ul>
            </li>
            <li class="dropdown" id="userinfo">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                    <span class="fa fa-user-o fa-lg"></span>
                    <span>个人中心</span>
                    <strong class="caret"></strong>
                </a>
                <ul class="dropdown-menu">
                    <li>
                        <a @click="changePwd">修改密码</a>
                    </li>
                    <li class="divider"></li>
                    <li>
                        <a @click="logout">退出登录</a>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
</nav>
<!-- wrapper -->
<div id="wrapper" class="wrapper">
    <!-- LEFT SIDEBAR -->
    <div id="left-sidebar" class="left-sidebar">
        <!-- main-nav -->
        <div class="sidebar-scroll">
            <nav class="main-nav">
                <ul id="left-menu" class="main-menu" v-cloak>
                    <v-menu v-for="menu in menus" :model="menu"></v-menu>
                </ul>
            </nav>
            <!-- /main-nav -->
        </div>
    </div>
    <!-- END LEFT SIDEBAR -->

    <!-- right-content -->
    <div id="content-wrapper" class="right-content content-wrapper">
        <div class="right-content-up">
            <sitemesh:write property="body"/>
        </div>
        <div class="right-content-footer">

        </div>
    </div>
</div>
</body>
</html>